*{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style: none;
}
html,body{
    height: 100%;
}
html{
    font-size: 100px;
}

.box1{
    font-size: 0px;
    height: 1.90rem;
    background: url(../image/my/bg1.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    .box11{
        height: .6rem;
        display: flex;
        justify-content: right;
        align-items: center;
        .box111,
        .box112{
            width: .37rem;
            height: .37rem;
            text-align: center;
            margin-right: 0.05rem;
            img{
                width: 60%;
            }
            p{
                font-size: .16rem;
                color: azure;
                margin-top: 0.08rem;
            }
        }
    }
    .box12{
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .box21{
            width: .52rem;
            height: .52rem;
            background: url(../image/my/urse2.png)  ;
            background-size: 100% 100%;
        }
        .box22{
            font-size: .16rem;
            color: azure;
            height: .3rem;
            line-height: .3rem;
            width: .7rem;
            border: 2px solid azure;
            text-align: center;
            margin-top: .15rem;
        }
    }
}

.box2{
    font-size: 0px;
    border-top: .12rem solid #f5f5f5;
    li{
        margin: auto;
        height: .48rem;
        width: 2.80rem;
        border-bottom: 1px solid #acabab;
        display: flex;
        align-items: center;
        .box21{
            height: .26rem;
            width: .21rem;
        }
        img{
            width: 100%;
        }
        p{
            font-size: .16rem;
            color: #a0a09c;
            margin-left: 0.05rem;
        }
        .box22{
            height: .15rem;
            width: .10rem;
            margin-left: auto;
        }
    }
}
